<div class="panel panel-default panel-intro">
    {:build_heading()}

    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="one">
                <div class="widget-body no-padding">
                    <div id="toolbar" class="toolbar">
                        {:build_toolbar('refresh,add')}
                        <div class="dropdown btn-group {:$auth->check('user/user/multi')?'':'hide'}">
                            <a href="javascript:;" style="margin-left: 5px" class="btn btn-success btn-most-down"
                               title="批量下线"><i class="fa fa-plus"></i>批量下线</a>
                            <a href="javascript:;" style="margin-left: 5px" class="btn btn-success btn-most-up"
                               title="批量上线"><i class="fa fa-plus"></i>批量上线</a>
                            <a href="javascript:;" style="margin-left: 5px" class="btn btn-success btn-most-leave"
                               title="批量离职"><i class="fa fa-plus"></i>批量离职</a>
                            <ul class="dropdown-menu text-left" role="menu">
                                <li><a class="btn btn-link btn-multi btn-disabled disabled" href="javascript:;"
                                       data-params="status=normal"><i class="fa fa-eye"></i> {:__('Set to normal')}</a>
                                </li>
                                <li><a class="btn btn-link btn-multi btn-disabled disabled" href="javascript:;"
                                       data-params="status=hidden"><i class="fa fa-eye-slash"></i> {:__('Set to
                                    hidden')}</a></li>
                            </ul>
                        </div>
                    </div>
                    <table id="table" class="table table-striped table-bordered table-hover table-nowrap"
                           data-operate-edit="{:$auth->check('user/user/edit')}"
                           data-operate-del="{:$auth->check('user/user/del')}"
                           width="100%">
                    </table>
                </div>
            </div>

        </div>
    </div>
</div>
<script id="customformtpl" type="text/html">
    <!--form表单必须添加form-commsearch这个类-->
    <form action="" class="form-commonsearch form-horizontal form-commonsearch nice-validator n-default n-bootstrap">
        <div style="border-radius:2px;margin-bottom:10px;">
            <hr>
            <div class="row">
                <!--                <div class="col-xs-12 col-sm-6 col-md-3">-->
                <!--                    <div class="form-group">-->
                <!--                        <label class="control-label">ID</label>-->
                <!--                        &lt;!&ndash;显式的operate操作符&ndash;&gt;-->
                <!--                        <div class="input-group">-->
                <!--                            <div class="input-group-btn">-->
                <!--                                <select class="form-control operate" data-name="id" style="width:60px;">-->
                <!--                                    <option value="=" selected>等于</option>-->
                <!--                                    <option value=">">大于</option>-->
                <!--                                    <option value="<">小于</option>-->
                <!--                                </select>-->
                <!--                            </div>-->
                <!--                            <input class="form-control" type="text" name="id" placeholder="" value=""/>-->
                <!--                        </div>-->
                <!--                    </div>-->
                <!--                </div>-->
                <div class="form-group col-xs-12 col-sm-6 col-md-4 col-lg-3">
                    <div class="form-group">
                        <label class="control-label col-xs-4">用户ID</label>
                        <!--隐式的operate操作符，必须携带一个class为operate隐藏的文本框,且它的data-name="字段",值为操作符-->
                        <input class="operate" type="hidden" data-name="uid" value="="/>
                        <div class="col-xs-8">
                            <input class="form-control" type="text" name="uid" placeholder="请输入用户ID" value=""/>
                        </div>
                    </div>
                </div>
                <div class="form-group col-xs-12 col-sm-6 col-md-4 col-lg-3">
                    <div class="form-group">
                        <label class="control-label col-xs-4">联系电话</label>
                        <!--隐式的operate操作符，必须携带一个class为operate隐藏的文本框,且它的data-name="字段",值为操作符-->
                        <input class="operate" type="hidden" data-name="phone" value="="/>
                        <div class="col-xs-8">
                            <input class="form-control" type="text" name="phone" placeholder="请输入联系电话" value=""/>
                        </div>
                    </div>
                </div>
                <div class="form-group col-xs-12 col-sm-6 col-md-4 col-lg-3">
                    <div class="form-group">
                        <label class="control-label col-xs-4">姓名</label>
                        <!--隐式的operate操作符，必须携带一个class为operate隐藏的文本框,且它的data-name="字段",值为操作符-->
                        <input class="operate" type="hidden" data-name="cleaner_name" value="="/>
                        <div class="col-xs-8">
                            <input class="form-control" type="text" name="cleaner_name" placeholder="请输入姓名"
                                   value=""/>
                        </div>
                    </div>
                </div>
                <div class="form-group col-xs-12 col-sm-6 col-md-4 col-lg-3">
                    <div class="form-group">
                        <label class="control-label col-xs-4">联系电话</label>
                        <!--隐式的operate操作符，必须携带一个class为operate隐藏的文本框,且它的data-name="字段",值为操作符-->
                        <input class="operate" type="hidden" data-name="phone" value="="/>
                        <div class="col-xs-8">
                            <input class="form-control" type="text" name="phone" placeholder="请输入联系电话" value=""/>
                        </div>
                    </div>
                </div>
                <div class="form-group col-xs-12 col-sm-6 col-md-4 col-lg-3">
                    <div class="form-group">
                        <label class="control-label col-xs-4">所在地区</label>
                        <div class="form-inline" data-toggle="cxselect"
                             data-url="/assets/libs/fastadmin-cxselect/js/cityData.min.json"
                             data-selects="province,city,area" data-json-space="" data-json-name="n" data-json-value=""
                             style="">
                            <select class="province form-control" name="province"></select>
                            <select class="city form-control" name="city"></select>
                            <select class="area form-control" name="area"></select>
                            <input class="operate" type="hidden" data-name="province" value="="/>
                            <input class="operate" type="hidden" data-name="city" value="="/>
                            <input class="operate" type="hidden" data-name="area" value="="/>
                        </div>
                    </div>
                </div>
                <div class="form-group col-xs-12 col-sm-6 col-md-4 col-lg-3"  style="margin-left: 35px">
                    <!--这里添加68px是为了避免刷新时出现元素错位闪屏-->
                    <div class="form-group">
                        <label class="control-label col-xs-4">状态</label>
                        <input type="hidden" class="operate" data-name="status" value="in"/>
                        <div class="col-xs-8">
                            <select class="form-control" name="status">
                                <option value="">选择</option>
                                <option value="1">上线</option>
                                <option value="2">下线</option>
                                <option value="3">离职</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="form-group col-xs-12 col-sm-6 col-md-4 col-lg-3">
                    <div class="form-group">
                        <label class="control-label "></label>
                        <div class="col-xs-8">
                            <div class="col-xs-6">
                                <input type="submit" class="btn btn-success btn-block" value="搜索"/>
                            </div>
                            <div class="col-xs-6">
                                <input type="reset" class="btn btn-primary btn-block" value="重置"/>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
</script>
<style>
    .layui-layer {
        /*z-index: 19891016;*/
        /*position: fixed;*/
        /*width: 360px;*/
        top: 150px !important;
    }

    #layui-layer2 {
        /*z-index: 19891016;*/
        /*position: fixed;*/
        /*width: 360px;*/
        top: 150px !important;
    }

    #layui-layer {
        /*z-index: 19891016;*/
        /*position: fixed;*/
        /*width: 360px;*/
        top: 150px !important;
    }
</style>